WordPress添加Fancybox的简单方法 您所在的位置:网站首页 fancy word WordPress添加Fancybox的简单方法

WordPress添加Fancybox的简单方法

2022-12-15 16:02| 来源: 网络整理| 查看: 265

Fancybox可以用来展示图片,视频、PDF、Word、Excel、Powerpoint等各种内容,本文介绍一个简单的给WordPress添加Fancybox的方法,借助插件ARI Fancy Lightbox,既能自动将链接转换为fancybox,也能通过给链接添加class的方法手动控制,非常简单实用。

ARI Fancy Lightbox如何使用

启用插件后,在后台菜单里找到ARI Fancy Lightbox这一项,点进去就是它的设置界面,有五个选项卡,前三个比较有用:

Integration – 控制自动转换哪些链接 Lightbox – 控制lightbox行为 Style – 控制lightbox样式 sola blog:ari fancybox设置页面Convert 【XXX】to lightbox

自动转换

如果你想将所有链接都转化成lightbox,在Intergration选显卡下就根据需要勾选【Convert xxx】的选项,省心省力。

手动转换

不要勾选各种【Convert xxx】,在编辑内容时,给链接添加一个class,名为ari-fancybox或者ari-fancybox-iframe,所有带有这个class的链接都会使用fancybox打开,非常方便,举几个例子。

1. 图片

2.Youtube视频

youtube

3.PDF文档

Sample pdf

4.Word文档

Sample.docx

这里使用的是fancybox打开iframe的方式,https://view.officeapps.live.com/op/view.aspx?src=[encodedURL]是一个在线的Microsoft文档查看器,只需要在src后面写上文件的url就行,url要encode。

ARI Fancy Lightbox的效果

首先可以看看官方提供的demo。

接下来重点看一下PDF和Word文档效果就可以了,其它的很常见。

PDF Viewer

solagirl.net: Ari Fancybox的PDF Viewer用Ari Fancybox打开PDF

Word Viewer

solagirl.net: 用Ari Fancybox打开Word文档用Ari Fancybox打开Word文档


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有